<!DOCTYPE html>
<html lang="UTF-8">

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<title>Document</title>
		<link rel="stylesheet" href="./CSS/main.css">
		<script src="Js/jquery-2.1.0.js"></script>
		<script src="Js/mailCompletion.js"></script>
		<script type="text/javascript">
			var mail = new hcMailCompletion('email');
			mail.run();
		</script>
	</head>

	<body>
		<div class="login_box">
			<div class="logo">
				<img src="./图片素材/logintitle.png" alt="">
			</div>
			<div class="dl">
				<div class="input_1">
					<div class="fl">账号登陆</div>
					<div class="fr">快捷登录</div>
				</div>
				<div style="clear: both;"></div>
				<form>
					<div class="name">
						<input id="email" type="text" name="email"  class="uersname"  placeholder="邮箱/手机/用户名">
					</div>
					<div class="password">
						<input type="password" name="pw" class="pw" placeholder="密码">
					</div>
					<div class="yzm fl">
						<input type="text" name="yzm" class="yz" placeholder="请输入验证码">
					</div>
					<img src="./图片素材/vcode.png" alt="" class="fr img_yzm">
					<div style="clear: both;"></div>
					<div class="ckx">
						<input name="Fruit" type="checkbox" value="下次自动登录" id="myCheck">
						<label for="myCheck">下次自动登录</label>
					</div>
					<div class="L_submit">
						<button type="submit" class="R_submit">登陆</button>
					</div>
				</form>
			</div>
			<footer>
				<div>Copyright © 2017-2018</div>
				<p>为了您更好的体验，请使用
					<a href="#">谷歌浏览器</a>
					并且将页面缩放改为80%
				</p>
			</footer>
		</div>

	</body>

</html>